/*! React Starter Kit | MIT License | http://www.reactstarterkit.com/ */

import React, { Component } from 'react';
import styles from './Header.css';
import withStyles from '../../decorators/withStyles';
import Link from '../Link';
import Navigation from '../Navigation';

@withStyles(styles)
class Header extends Component {

  render() {
    return (
      <nav role="navigation" className="Nav">
        <div className="Nav__main">
          <a className="Nav__brand Util__hideText" href="/" onClick={Link.handleClick}>云麻豆</a>

          <div className="Nav__menuItems">
            <button>在App中打开</button>
            <button>发现</button>
            <a className="Nav__menuLink" href="/me" onClick={Link.handleClick}>沈薇薇薇</a>
          </div>
        </div>
      </nav>
      // <div className="Header">
      //   <div className="Header-container">
      //     <a className="Header-brand" href="/" onClick={Link.handleClick}>
      //       <img className="Header-brandImg" src={require('./logo-small.png')} width="38" height="38" alt="React" />
      //       <span className="Header-brandTxt">Your Company</span>
      //     </a>
      //     <Navigation className="Header-nav" />
      //     <div className="Header-banner">
      //       <h1 className="Header-bannerTitle">React</h1>
      //       <p className="Header-bannerDesc">Complex web apps made easy</p>
      //     </div>
      //   </div>
      // </div>
    );
  }

}

export default Header;
